﻿<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d"
	xmlns:local="clr-namespace:myBoard.App"
	xmlns:myBoard_App_Model="clr-namespace:myBoard.App.Model"
	xmlns:Microsoft_Windows_Themes="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Aero"
	xmlns:myBoard_App_Components_MagnetsStore="clr-namespace:myBoard.App.Components.MagnetsStore"
	xmlns:myBoard_App_Components_MagnetsStore_Commands="clr-namespace:myBoard.App.Components.MagnetsStore.Commands"
	xmlns:ShaderEffects="clr-namespace:ShaderEffects;assembly=RTTHShaders"
	x:Class="myBoard.App.MainScreen"
	x:Name="UserControl"
	d:DesignWidth="640" d:DesignHeight="480" Width="890" Height="586">

	<UserControl.Resources>
		<myBoard_App_Components_MagnetsStore_Commands:SelectMagnetCommand x:Key="SelectMagnetCommandDataSource" d:IsDataSource="True"/>
		<myBoard_App_Components_MagnetsStore_Commands:CreateNewMagnetCommand x:Key="CreateNewMagnetCommandDataSource" d:IsDataSource="True"/>
		<myBoard_App_Model:Instances x:Key="InstancesDataSource" d:IsDataSource="True"/>
		<myBoard_App_Model:FakeModel x:Key="FakeModelDataSource" d:IsDataSource="True"/>
		<SolidColorBrush x:Key="TabControlNormalBorderBrush" Color="#8C8E94"/>
		<Style x:Key="TabControlStyle" TargetType="{x:Type TabControl}">
			<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
			<Setter Property="Padding" Value="4,4,4,4"/>
			<Setter Property="BorderThickness" Value="1"/>
			<Setter Property="BorderBrush" Value="{StaticResource TabControlNormalBorderBrush}"/>
			<Setter Property="Background" Value="#F9F9F9"/>
			<Setter Property="HorizontalContentAlignment" Value="Center"/>
			<Setter Property="VerticalContentAlignment" Value="Center"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type TabControl}">
						<Grid ClipToBounds="true" SnapsToDevicePixels="true" KeyboardNavigation.TabNavigation="Local">
							<Grid.ColumnDefinitions>
								<ColumnDefinition x:Name="ColumnDefinition0"/>
								<ColumnDefinition x:Name="ColumnDefinition1" Width="0"/>
							</Grid.ColumnDefinitions>
							<Grid.RowDefinitions>
								<RowDefinition x:Name="RowDefinition0" Height="Auto"/>
								<RowDefinition x:Name="RowDefinition1" Height="*"/>
							</Grid.RowDefinitions>
							<TabPanel x:Name="HeaderPanel" Margin="2,2,2,0" IsItemsHost="true" Panel.ZIndex="1" Grid.Column="0" Grid.Row="0" KeyboardNavigation.TabIndex="1" HorizontalAlignment="Right"/>
							<Border x:Name="ContentPanel" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Grid.Column="0" Grid.Row="1" KeyboardNavigation.DirectionalNavigation="Contained" KeyboardNavigation.TabIndex="2" KeyboardNavigation.TabNavigation="Local">
								<ContentPresenter x:Name="PART_SelectedContentHost" Margin="{TemplateBinding Padding}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" ContentSource="SelectedContent"/>
							</Border>
						</Grid>
						<ControlTemplate.Triggers>
							<Trigger Property="TabStripPlacement" Value="Bottom">
								<Setter Property="Grid.Row" TargetName="HeaderPanel" Value="1"/>
								<Setter Property="Grid.Row" TargetName="ContentPanel" Value="0"/>
								<Setter Property="Height" TargetName="RowDefinition0" Value="*"/>
								<Setter Property="Height" TargetName="RowDefinition1" Value="Auto"/>
								<Setter Property="Margin" TargetName="HeaderPanel" Value="2,0,2,2"/>
							</Trigger>
							<Trigger Property="TabStripPlacement" Value="Left">
								<Setter Property="Grid.Row" TargetName="HeaderPanel" Value="0"/>
								<Setter Property="Grid.Row" TargetName="ContentPanel" Value="0"/>
								<Setter Property="Grid.Column" TargetName="HeaderPanel" Value="0"/>
								<Setter Property="Grid.Column" TargetName="ContentPanel" Value="1"/>
								<Setter Property="Width" TargetName="ColumnDefinition0" Value="Auto"/>
								<Setter Property="Width" TargetName="ColumnDefinition1" Value="*"/>
								<Setter Property="Height" TargetName="RowDefinition0" Value="*"/>
								<Setter Property="Height" TargetName="RowDefinition1" Value="0"/>
								<Setter Property="Margin" TargetName="HeaderPanel" Value="2,2,0,2"/>
							</Trigger>
							<Trigger Property="TabStripPlacement" Value="Right">
								<Setter Property="Grid.Row" TargetName="HeaderPanel" Value="0"/>
								<Setter Property="Grid.Row" TargetName="ContentPanel" Value="0"/>
								<Setter Property="Grid.Column" TargetName="HeaderPanel" Value="1"/>
								<Setter Property="Grid.Column" TargetName="ContentPanel" Value="0"/>
								<Setter Property="Width" TargetName="ColumnDefinition0" Value="*"/>
								<Setter Property="Width" TargetName="ColumnDefinition1" Value="Auto"/>
								<Setter Property="Height" TargetName="RowDefinition0" Value="*"/>
								<Setter Property="Height" TargetName="RowDefinition1" Value="0"/>
								<Setter Property="Margin" TargetName="HeaderPanel" Value="0,2,2,2"/>
							</Trigger>
							<Trigger Property="IsEnabled" Value="false">
								<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
							</Trigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<Style x:Key="TabItemFocusVisual">
			<Setter Property="Control.Template">
				<Setter.Value>
					<ControlTemplate>
						<Rectangle Stroke="Black" StrokeDashArray="1 2" StrokeThickness="1" Margin="3,3,3,1" SnapsToDevicePixels="true"/>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<LinearGradientBrush x:Key="TabItemHotBackground" EndPoint="0,1" StartPoint="0,0">
			<GradientStop Color="#EAF6FD" Offset="0.15"/>
			<GradientStop Color="#D9F0FC" Offset=".5"/>
			<GradientStop Color="#BEE6FD" Offset=".5"/>
			<GradientStop Color="#A7D9F5" Offset="1"/>
		</LinearGradientBrush>
		<SolidColorBrush x:Key="TabItemSelectedBackground" Color="#F9F9F9"/>
		<SolidColorBrush x:Key="TabItemHotBorderBrush" Color="#3C7FB1"/>
		<SolidColorBrush x:Key="TabItemDisabledBackground" Color="#F4F4F4"/>
		<SolidColorBrush x:Key="TabItemDisabledBorderBrush" Color="#FFC9C7BA"/>
		<Style x:Key="TabItemStyle" TargetType="{x:Type TabItem}">
			<Setter Property="FocusVisualStyle" Value="{StaticResource TabItemFocusVisual}"/>
			<Setter Property="Foreground" Value="Black"/>
			<Setter Property="Padding" Value="6,1,6,1"/>
			<Setter Property="BorderBrush" Value="{StaticResource TabControlNormalBorderBrush}"/>
			<Setter Property="Background" Value="{StaticResource ButtonNormalBackground}"/>
			<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
			<Setter Property="VerticalContentAlignment" Value="Stretch"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type TabItem}">
						<ControlTemplate.Resources>
							<Storyboard x:Key="HighlightTab">
								<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Offset)">
									<SplineDoubleKeyFrame KeySpline="0,1,1,1" KeyTime="00:00:00.3000000" Value="0.718"/>
								</DoubleAnimationUsingKeyFrames>
							</Storyboard>
							<Storyboard x:Key="ClearTab">
								<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Offset)">
									<SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0.402" KeySpline="0,1,1,1"/>
								</DoubleAnimationUsingKeyFrames>
							</Storyboard>
						</ControlTemplate.Resources>
						<Grid SnapsToDevicePixels="true" Margin="0,0,15,0">
							<Border x:Name="Bd" Margin="0" CornerRadius="5,5,0,0" Padding="{TemplateBinding Padding}">
								<Border.Effect>
									<DropShadowEffect BlurRadius="2" Direction="385" Opacity="0.3" ShadowDepth="2"/>
								</Border.Effect>
								<Border.Background>
									<LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
										<GradientStop Color="#FF0E6E8C" Offset="0"/>
										<GradientStop Color="#FF064254" Offset="1"/>
									</LinearGradientBrush>
								</Border.Background>
								<TextBlock x:Name="textBlock" HorizontalAlignment="Center" Margin="10,6" VerticalAlignment="Center" FontFamily="Aharoni" Foreground="#FFF7F7F7" Text="{TemplateBinding Header}" TextWrapping="Wrap" d:LayoutOverrides="Height"/>
							</Border>
							<Rectangle x:Name="rectangle" Stroke="{x:Null}">
								<Rectangle.Fill>
									<RadialGradientBrush GradientOrigin="0.497,-1.266" RadiusX="0.612" RadiusY="1.035">
										<GradientStop Color="#FF48A9C7"/>
										<GradientStop Offset="0.416"/>
									</RadialGradientBrush>
								</Rectangle.Fill>
							</Rectangle>
						</Grid>
						<ControlTemplate.Triggers>
							<Trigger Property="IsMouseOver" Value="true">
								<Trigger.ExitActions>
									<BeginStoryboard x:Name="ClearTab_BeginStoryboard" Storyboard="{StaticResource ClearTab}"/>
								</Trigger.ExitActions>
								<Trigger.EnterActions>
									<BeginStoryboard Storyboard="{StaticResource HighlightTab}"/>
								</Trigger.EnterActions>
							</Trigger>
							<Trigger Property="IsSelected" Value="true">
								<Setter Property="Panel.ZIndex" Value="1"/>
								<Setter Property="Background" TargetName="Bd">
									<Setter.Value>
										<LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
											<GradientStop Color="#FF6BD1F0" Offset="0"/>
											<GradientStop Color="#FFECF9FD" Offset="1"/>
										</LinearGradientBrush>
									</Setter.Value>
								</Setter>
								<Setter Property="Foreground" TargetName="textBlock" Value="#FF065A91"/>
								<Setter Property="FontFamily" TargetName="textBlock" Value="Aharoni"/>
							</Trigger>
							<MultiTrigger>
								<MultiTrigger.Conditions>
									<Condition Property="IsSelected" Value="false"/>
									<Condition Property="IsMouseOver" Value="true"/>
								</MultiTrigger.Conditions>
								<Setter Property="BorderBrush" TargetName="Bd" Value="{StaticResource TabItemHotBorderBrush}"/>
							</MultiTrigger>
							<Trigger Property="TabStripPlacement" Value="Bottom">
								<Setter Property="BorderThickness" TargetName="Bd" Value="1,0,1,1"/>
							</Trigger>
							<Trigger Property="TabStripPlacement" Value="Left">
								<Setter Property="BorderThickness" TargetName="Bd" Value="1,1,0,1"/>
							</Trigger>
							<Trigger Property="TabStripPlacement" Value="Right">
								<Setter Property="BorderThickness" TargetName="Bd" Value="0,1,1,1"/>
							</Trigger>
							<MultiTrigger>
								<MultiTrigger.Conditions>
									<Condition Property="IsSelected" Value="true"/>
									<Condition Property="TabStripPlacement" Value="Top"/>
								</MultiTrigger.Conditions>
								<Setter Property="Margin" Value="-2,-2,-2,-1"/>
							</MultiTrigger>
							<MultiTrigger>
								<MultiTrigger.Conditions>
									<Condition Property="IsSelected" Value="true"/>
									<Condition Property="TabStripPlacement" Value="Bottom"/>
								</MultiTrigger.Conditions>
								<Setter Property="Margin" Value="-2,-1,-2,-2"/>
							</MultiTrigger>
							<MultiTrigger>
								<MultiTrigger.Conditions>
									<Condition Property="IsSelected" Value="true"/>
									<Condition Property="TabStripPlacement" Value="Left"/>
								</MultiTrigger.Conditions>
								<Setter Property="Margin" Value="-2,-2,-1,-2"/>
							</MultiTrigger>
							<MultiTrigger>
								<MultiTrigger.Conditions>
									<Condition Property="IsSelected" Value="true"/>
									<Condition Property="TabStripPlacement" Value="Right"/>
								</MultiTrigger.Conditions>
								<Setter Property="Margin" Value="-1,-2,-2,-2"/>
							</MultiTrigger>
							<Trigger Property="IsEnabled" Value="false">
								<Setter Property="Background" TargetName="Bd" Value="{StaticResource TabItemDisabledBackground}"/>
								<Setter Property="BorderBrush" TargetName="Bd" Value="{StaticResource TabItemDisabledBorderBrush}"/>
								<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
							</Trigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<Style x:Key="SearchboxStyle" BasedOn="{x:Null}" TargetType="{x:Type TextBox}">
			<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
			<Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.WindowBrushKey}}"/>
			<Setter Property="BorderBrush" Value="{StaticResource TextBoxBorder}"/>
			<Setter Property="BorderThickness" Value="1"/>
			<Setter Property="Padding" Value="1"/>
			<Setter Property="AllowDrop" Value="true"/>
			<Setter Property="FocusVisualStyle" Value="{x:Null}"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type TextBox}">
						<Border BorderThickness="1" CornerRadius="13" BorderBrush="#FF7E7E7E">
							<Border.Background>
								<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
									<GradientStop Color="#FFB5B5B5" Offset="0.017"/>
									<GradientStop Color="White" Offset="0.082"/>
								</LinearGradientBrush>
							</Border.Background>
								<ScrollViewer x:Name="PART_ContentHost" Height="Auto" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
							</Border>
						<ControlTemplate.Triggers>
							<Trigger Property="IsEnabled" Value="false">
								<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
							</Trigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<Style x:Key="SearchBtStyle" TargetType="{x:Type Button}">
			<Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisual}"/>
			<Setter Property="Background" Value="{StaticResource ButtonNormalBackground}"/>
			<Setter Property="BorderBrush" Value="{StaticResource ButtonNormalBorder}"/>
			<Setter Property="BorderThickness" Value="1"/>
			<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
			<Setter Property="HorizontalContentAlignment" Value="Center"/>
			<Setter Property="VerticalContentAlignment" Value="Center"/>
			<Setter Property="Padding" Value="1"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type Button}">
						<Grid Width="33" Height="33">
							<Ellipse StrokeThickness="2">
								<Ellipse.Fill>
									<RadialGradientBrush>
										<GradientStop Color="#FF3C7C43" Offset="0.913"/>
										<GradientStop Color="#FF7E7E7E" Offset="0.918"/>
										<GradientStop Color="#FF36D447" Offset="0.203"/>
									</RadialGradientBrush>
								</Ellipse.Fill>
							</Ellipse>
							<Grid HorizontalAlignment="Center" VerticalAlignment="Center">
								<Ellipse Stroke="White" StrokeThickness="2" HorizontalAlignment="Left" Margin="0" VerticalAlignment="Top" Width="12" Height="12"/>
								<Path Stretch="Fill" Stroke="White" StrokeDashCap="Round" StrokeEndLineCap="Round" StrokeThickness="2" HorizontalAlignment="Right" Margin="9,9,0,0" VerticalAlignment="Top" Width="5.981" Height="6.24" Data="M23.64,23.26 L32,32" d:LayoutOverrides="HorizontalAlignment"/>
							</Grid>
							<Path Stretch="Fill" Data="M23.157379,10.01 C14.873108,10.01 1.2636364,23.284271 1.2636364,15 1.2636364,6.7157288 6.8553515,1.2801953 15.139623,1.2801953 23.423894,1.2801953 31.441651,10.01 23.157379,10.01 z" Margin="1.39,1.497,3.69,12.279">
								<Path.Fill>
									<RadialGradientBrush GradientOrigin="0.197,-0.165" RadiusX="0.688" RadiusY="0.688">
										<GradientStop Color="White" Offset="0"/>
										<GradientStop Color="#19FFFFFF" Offset="0.686"/>
									</RadialGradientBrush>
								</Path.Fill>
							</Path>
						</Grid>
						<ControlTemplate.Triggers>
							<Trigger Property="IsKeyboardFocused" Value="true"/>
							<Trigger Property="ToggleButton.IsChecked" Value="true"/>
							<Trigger Property="IsEnabled" Value="false">
								<Setter Property="Foreground" Value="#ADADAD"/>
							</Trigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<DataTemplate x:Key="CategoryItemTempla">
			<Grid Width="Auto">
				<TextBlock Text="{Binding Name, Mode=Default}" TextWrapping="Wrap" d:LayoutOverrides="Width, Height" Grid.Column="0" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="5,0,0,0" Foreground="#FF616161"/>
			</Grid>
		</DataTemplate>
		<DataTemplate x:Key="ExtendedMagnetDataTemplate">
			<Grid Width="Auto" Margin="0,0,0,16">
				<Grid.ColumnDefinitions>
					<ColumnDefinition Width="60"/>
					<ColumnDefinition Width="635"/>
				</Grid.ColumnDefinitions>
				<Grid.Background>
					<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
						<GradientStop Color="#FFF2F2F2" Offset="0"/>
						<GradientStop Color="White" Offset="1"/>
					</LinearGradientBrush>
				</Grid.Background>
				<Button x:Name="_moreDetailsBt" VerticalAlignment="Top" Style="{DynamicResource TransparentButtonStyle}" Cursor="Hand" Command="{Binding SelectMagnetCmd, Mode=Default}" CommandParameter="{Binding Mode=OneWay}">
					<Image Source="{Binding ThumbnailUrl, Mode=Default}" Width="50" Height="50" VerticalAlignment="Top" Margin="0" d:LayoutOverrides="Width"/>
				</Button>
				<StackPanel Grid.Column="1" Orientation="Vertical" VerticalAlignment="Center" Margin="5,0,0,0" Grid.ColumnSpan="1">
					<TextBlock Margin="0" VerticalAlignment="Center" Foreground="#FF616161" Text="{Binding Name, Mode=Default}" TextWrapping="Wrap" d:LayoutOverrides="Width" FontFamily="Candara" FontSize="12" FontWeight="Bold" HorizontalAlignment="Left"/>
					<TextBlock Margin="0,5,0,7" VerticalAlignment="Center" Foreground="#FF616161" Text="{Binding ShortDesc, Mode=Default}" TextWrapping="Wrap" d:LayoutOverrides="Width" FontFamily="Candara"/>
					<Grid Height="25">
						<StackPanel HorizontalAlignment="Left" VerticalAlignment="Top" Width="200" Orientation="Vertical">
							<myBoard_App_Components_MagnetsStore:Ratings HorizontalAlignment="Stretch" Margin="0" VerticalAlignment="Stretch" MaxRating="5" d:LayoutOverrides="VerticalMargin" Rating="{Binding Rating, Mode=Default}"/>
						</StackPanel>
					</Grid>
				</StackPanel>
			</Grid>
		</DataTemplate>
		<DataTemplate x:Key="TinyMagnetDataTemplate">
			<Grid Width="Auto" Margin="0,0,0,10">
				<Grid.ColumnDefinitions>
					<ColumnDefinition Width="40"/>
					<ColumnDefinition Width="*"/>
				</Grid.ColumnDefinitions>
				<Image Grid.ColumnSpan="1" Source="{Binding ThumbnailUrl, Mode=Default}" Width="30" Height="30" Grid.Column="0" VerticalAlignment="Top" Margin="5,0" d:LayoutOverrides="VerticalAlignment"/>
				<StackPanel Grid.Column="1" Orientation="Vertical" VerticalAlignment="Center" Margin="5,0,0,0" Grid.ColumnSpan="1">
					<TextBlock Margin="0" VerticalAlignment="Center" Foreground="#FF616161" Text="{Binding Name, Mode=Default}" TextWrapping="Wrap" d:LayoutOverrides="Width" FontFamily="Candara" FontSize="12" FontWeight="Bold"/>
					<StackPanel HorizontalAlignment="Left" Orientation="Horizontal">
						<TextBlock Foreground="#FF737373" Text="Version : " TextWrapping="Wrap"/>
						<TextBlock Margin="5,5,0,0" VerticalAlignment="Center" Foreground="#FF616161" Text="{Binding Version, Mode=Default}" TextWrapping="Wrap" d:LayoutOverrides="Width" FontFamily="Candara"/>
					</StackPanel>
				</StackPanel>
			</Grid>
		</DataTemplate>
		<Storyboard x:Key="SwitchToPreviousScreen">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid" Storyboard.TargetProperty="(UIElement.Effect).(ShaderEffects:ScaleEffect.ScaleFactor)">
				<SplineDoubleKeyFrame KeySpline="0,1,1,1" KeyTime="00:00:00.6000000" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.6000000" Value="1" KeySpline="0,1,1,1"/>
			</DoubleAnimationUsingKeyFrames>
			<ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid" Storyboard.TargetProperty="(UIElement.Visibility)">
				<DiscreteObjectKeyFrame KeyTime="00:00:00" Value="{x:Static Visibility.Visible}"/>
			</ObjectAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid1" Storyboard.TargetProperty="(UIElement.Effect).(ShaderEffects:ScaleEffect.ScaleFactor)">
				<SplineDoubleKeyFrame KeySpline="0,1,1,1" KeyTime="00:00:00.6000000" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid1" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.6000000" Value="1" KeySpline="0,1,1,1"/>
			</DoubleAnimationUsingKeyFrames>
			<ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid1" Storyboard.TargetProperty="(UIElement.Visibility)">
				<DiscreteObjectKeyFrame KeyTime="00:00:00" Value="{x:Static Visibility.Visible}"/>
			</ObjectAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid2" Storyboard.TargetProperty="(UIElement.Effect).(ShaderEffects:ScaleEffect.ScaleFactor)">
				<SplineDoubleKeyFrame KeySpline="0,1,1,1" KeyTime="00:00:00.5000000" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid2" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.6000000" Value="1" KeySpline="0,1,1,1"/>
			</DoubleAnimationUsingKeyFrames>
			<ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid2" Storyboard.TargetProperty="(UIElement.Visibility)">
				<DiscreteObjectKeyFrame KeyTime="00:00:00" Value="{x:Static Visibility.Visible}"/>
			</ObjectAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="_magnetScreen" Storyboard.TargetProperty="(UIElement.Effect).(ShaderEffects:ScaleEffect.ScaleFactor)">
				<SplineDoubleKeyFrame KeySpline="1,0,1,1" KeyTime="00:00:00.4000000" Value="0.85"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="_magnetScreen" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.4000000" Value="0"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Key="SwitchToMagnetScreen">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid" Storyboard.TargetProperty="(UIElement.Effect).(ShaderEffects:ScaleEffect.ScaleFactor)">
				<SplineDoubleKeyFrame KeySpline="1,0,1,1" KeyTime="00:00:00.4000000" Value="20"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.4000000" Value="0"/>
			</DoubleAnimationUsingKeyFrames>
			<ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid" Storyboard.TargetProperty="(UIElement.Visibility)">
				<DiscreteObjectKeyFrame KeyTime="00:00:00.4000000" Value="{x:Static Visibility.Collapsed}"/>
			</ObjectAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid1" Storyboard.TargetProperty="(UIElement.Effect).(ShaderEffects:ScaleEffect.ScaleFactor)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.4000000" Value="20" KeySpline="1,0,1,1"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid1" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.4000000" Value="0"/>
			</DoubleAnimationUsingKeyFrames>
			<ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid1" Storyboard.TargetProperty="(UIElement.Visibility)">
				<DiscreteObjectKeyFrame KeyTime="00:00:00.4000000" Value="{x:Static Visibility.Collapsed}"/>
			</ObjectAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid2" Storyboard.TargetProperty="(UIElement.Effect).(ShaderEffects:ScaleEffect.ScaleFactor)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.4000000" Value="20" KeySpline="1,0,1,1"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid2" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.4000000" Value="0"/>
			</DoubleAnimationUsingKeyFrames>
			<ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid2" Storyboard.TargetProperty="(UIElement.Visibility)">
				<DiscreteObjectKeyFrame KeyTime="00:00:00.4000000" Value="{x:Static Visibility.Collapsed}"/>
			</ObjectAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="_magnetScreen" Storyboard.TargetProperty="(UIElement.Effect).(ShaderEffects:ScaleEffect.ScaleFactor)">
				<SplineDoubleKeyFrame KeySpline="0,1,1,1" KeyTime="00:00:00.4000000" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="_magnetScreen" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.4000000" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
			
		</Storyboard>
		<Style x:Key="ListboxNoSelectionContainerStyle" TargetType="{x:Type ListBoxItem}">
			<Setter Property="Background" Value="Transparent"/>
			<Setter Property="HorizontalContentAlignment" Value="{Binding HorizontalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
			<Setter Property="VerticalContentAlignment" Value="{Binding VerticalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
			<Setter Property="Padding" Value="2,0,0,0"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type ListBoxItem}">
						<Grid Height="Auto" Cursor="Hand" VerticalAlignment="Center">
							<Grid.Background>
								<SolidColorBrush/>
							</Grid.Background>
							<Border x:Name="Bd" SnapsToDevicePixels="true" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}" d:LayoutOverrides="Width, Height" Grid.Column="1">
								<ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
							</Border>
						</Grid>
						<ControlTemplate.Triggers>
							<Trigger Property="IsEnabled" Value="false">
								<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
							</Trigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<Style x:Key="CategoriesItemsContainerStyle" TargetType="{x:Type ListBoxItem}">
			<Setter Property="Background" Value="Transparent"/>
			<Setter Property="HorizontalContentAlignment" Value="{Binding HorizontalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
			<Setter Property="VerticalContentAlignment" Value="{Binding VerticalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
			<Setter Property="Padding" Value="2,0,0,0"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type ListBoxItem}">
						<ControlTemplate.Resources>
							<Storyboard x:Key="GoRed">
								<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)">
									<SplineDoubleKeyFrame KeySpline="0,1,1,1" KeyTime="00:00:00.7000000" Value="45"/>
								</DoubleAnimationUsingKeyFrames>
								<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
									<SplineColorKeyFrame KeySpline="0,1,1,1" KeyTime="00:00:00.7000000" Value="#FFEC2525"/>
								</ColorAnimationUsingKeyFrames>
							</Storyboard>
							<Storyboard x:Key="GoNormal">
								<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)">
									<SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0" KeySpline="0,1,1,1"/>
								</DoubleAnimationUsingKeyFrames>
							</Storyboard>
						</ControlTemplate.Resources>
						<Grid Cursor="Hand" VerticalAlignment="Center" Height="Auto">
							<Grid.Background>
								<SolidColorBrush/>
							</Grid.Background>
							<Grid.ColumnDefinitions>
								<ColumnDefinition Width="0.10*"/>
								<ColumnDefinition Width="*"/>
							</Grid.ColumnDefinitions>
							<Border x:Name="Bd" SnapsToDevicePixels="true" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}" Grid.Column="1" d:LayoutOverrides="Width, Height">
								<ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
							</Border>
							<Rectangle x:Name="rectangle" Fill="#FF38B846" Stroke="{x:Null}" Width="5" Height="5" Grid.ColumnSpan="1" RenderTransformOrigin="0.5,0.5">
								<Rectangle.RenderTransform>
									<TransformGroup>
										<ScaleTransform/>
										<SkewTransform/>
										<RotateTransform/>
										<TranslateTransform/>
									</TransformGroup>
								</Rectangle.RenderTransform>
							</Rectangle>
						</Grid>
						<ControlTemplate.Triggers>
							<Trigger Property="Selector.IsSelected" Value="True">
								<Trigger.ExitActions>
									<BeginStoryboard x:Name="GoNormal_BeginStoryboard" Storyboard="{StaticResource GoNormal}"/>
								</Trigger.ExitActions>
								<Trigger.EnterActions>
									<BeginStoryboard x:Name="GoRed_BeginStoryboard" Storyboard="{StaticResource GoRed}"/>
								</Trigger.EnterActions>
								<Setter Property="Fill" TargetName="rectangle" Value="#FFB83838"/>
							</Trigger>
							<Trigger Property="IsMouseOver" Value="True">
								<Setter Property="Fill" TargetName="rectangle" Value="#FFFFA200"/>
								<Setter Property="HorizontalAlignment" TargetName="Bd" Value="Left"/>
								<Setter Property="Margin" TargetName="Bd" Value="5,0,0,0"/>
							</Trigger>
							<Trigger Property="IsEnabled" Value="false">
								<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
							</Trigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
	</UserControl.Resources>

	<Grid x:Name="LayoutRoot" DataContext="{Binding Source={StaticResource InstancesDataSource}}">
		<myBoard_App_Components_MagnetsStore:MagnetScreen x:Name="_magnetScreen" Margin="0,29,0,0" RenderTransformOrigin="0.5,0.5" DataContext="{Binding MagnetsViewModel.SelectedMagnet, Mode=Default}" Opacity="0">
			<myBoard_App_Components_MagnetsStore:MagnetScreen.Effect>
				<ShaderEffects:ScaleEffect ScaleFactor="0.85"/>
			</myBoard_App_Components_MagnetsStore:MagnetScreen.Effect>
			<myBoard_App_Components_MagnetsStore:MagnetScreen.RenderTransform>
				<TransformGroup>
					<ScaleTransform/>
					<SkewTransform/>
					<RotateTransform/>
					<TranslateTransform/>
				</TransformGroup>
			</myBoard_App_Components_MagnetsStore:MagnetScreen.RenderTransform>
		</myBoard_App_Components_MagnetsStore:MagnetScreen>
		<TabControl x:Name="_tabControl" Background="{x:Null}" Style="{DynamicResource TabControlStyle}" BorderBrush="White">
			<TabItem x:Name="_homeTab" Header="Home" Style="{DynamicResource TabItemStyle}" Margin="-2,-2,-2,-1" DataContext="{Binding Source={StaticResource InstancesDataSource}}">
				<Grid x:Name="grid" RenderTransformOrigin="0.5,0.5">
					<Grid.ColumnDefinitions>
						<ColumnDefinition Width="0.658*"/>
						<ColumnDefinition Width="0.342*"/>
					</Grid.ColumnDefinitions>
					<Grid.RowDefinitions>
						<RowDefinition Height="0.461*"/>
						<RowDefinition Height="0.539*"/>
					</Grid.RowDefinitions>
					<Grid.Effect>
						<ShaderEffects:ScaleEffect/>
					</Grid.Effect>
					<Grid.RenderTransform>
						<TransformGroup>
							<ScaleTransform/>
							<SkewTransform/>
							<RotateTransform/>
							<TranslateTransform/>
						</TransformGroup>
					</Grid.RenderTransform>
					<local:FeaturedMagnetControl Grid.ColumnSpan="2" d:LayoutOverrides="Width" DataContext="{Binding MagnetsViewModel.FeaturedMagnet, Mode=Default}"/>
					<Border Background="White" BorderBrush="#FFB7B7B7" BorderThickness="1" Margin="0,5,0,0" Grid.Row="1">
						<Border Margin="3">
							<Border.Background>
								<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
									<GradientStop Color="#FFE2E2E2" Offset="0"/>
									<GradientStop Color="White" Offset="0.336"/>
								</LinearGradientBrush>
							</Border.Background>

							<Grid x:Name="LayoutRoot1">
								<Grid.ColumnDefinitions>
									<ColumnDefinition Width="0.129*"/>
									<ColumnDefinition Width="0.696*"/>
									<ColumnDefinition Width="0.175*"/>
								</Grid.ColumnDefinitions>
								<Grid.RowDefinitions>
									<RowDefinition Height="40"/>
									<RowDefinition Height="30"/>
									<RowDefinition Height="Auto"/>
								</Grid.RowDefinitions>
								<TextBlock VerticalAlignment="Center" FontSize="24" Text="WELCOME" TextWrapping="Wrap" FontFamily="Aharoni" d:LayoutOverrides="Width" Grid.ColumnSpan="2" Margin="8,0,0,0">
									<TextBlock.Foreground>
										<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
											<GradientStop Color="#FF3D3D3D" Offset="0"/>
											<GradientStop Color="#FF727272" Offset="1"/>
										</LinearGradientBrush>
									</TextBlock.Foreground>
								</TextBlock>
								<TextBlock VerticalAlignment="Center" Grid.Row="1" FontSize="16" Foreground="#FF616161" TextWrapping="Wrap" Text="So what is this exactly ?" FontFamily="Aharoni" Margin="8,0,0,0" Grid.ColumnSpan="2"/>
								<TextBlock Grid.Row="2" FontFamily="Candara" Foreground="#FF616161" TextTrimming="WordEllipsis" TextWrapping="Wrap" Margin="5,5,5,20" Grid.Column="1" Grid.ColumnSpan="2"><Run Text="The magnet store is a place where you can download more magnets for myBoard."/><LineBreak/><Run Text="Just browse the store to find the magnet you need, and press &quot;Install&quot; to start using it, plain and simple !"/><LineBreak/><Run Text="You can also leave reviews for different magnets or see what other people think about a magnet"/><LineBreak/><Run Text="before "/><Run Text="using it."/></TextBlock>
								<Image HorizontalAlignment="Center" Margin="0" VerticalAlignment="Center" Width="64" Grid.Row="1" Grid.RowSpan="2" Source="/myBoard.App;Component/Images/home.png" Stretch="Fill"/>
							</Grid>
						</Border>
					</Border>
					<Border Background="White" BorderBrush="#FFB7B7B7" BorderThickness="1" Margin="5,5,0,0" Grid.Row="1" Grid.Column="1">
						<Border Margin="3">
							<Border.Background>
								<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
									<GradientStop Color="#FFE2E2E2" Offset="0"/>
									<GradientStop Color="White" Offset="0.336"/>
								</LinearGradientBrush>
							</Border.Background>

							<Grid x:Name="LayoutRoot2">
								<Grid.RowDefinitions>
									<RowDefinition Height="0.158*"/>
									<RowDefinition Height="0.842*"/>
								</Grid.RowDefinitions>
								<TextBlock Margin="4.996,0,-37.571,0" VerticalAlignment="Center" FontSize="24" Text="LATEST MAGNETS" TextWrapping="Wrap" FontFamily="Aharoni" d:LayoutOverrides="Width">
									<TextBlock.Foreground>
										<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
											<GradientStop Color="#FF3D3D3D" Offset="0"/>
											<GradientStop Color="#FF727272" Offset="1"/>
										</LinearGradientBrush>
									</TextBlock.Foreground>
								</TextBlock>
								<ItemsControl x:Name="_latestMagnetsLbx" Background="{x:Null}" Grid.Row="1" ItemsSource="{Binding MagnetsViewModel.LatestMagnets, Mode=Default}" ItemTemplate="{DynamicResource MagnetDataTemplate}" BorderBrush="{x:Null}" ScrollViewer.VerticalScrollBarVisibility="Hidden"/>
							</Grid>
						</Border>
					</Border>
				</Grid>
			</TabItem>
			<TabItem x:Name="_browseTab" Header="Browse" Style="{DynamicResource TabItemStyle}" Margin="-2,-2,-2,-1">
				<Grid x:Name="grid1" RenderTransformOrigin="0.5,0.5">
					<Grid.Effect>
						<ShaderEffects:ScaleEffect/>
					</Grid.Effect>
					<Grid.RowDefinitions>
						<RowDefinition Height="0.135*"/>
						<RowDefinition Height="0.865*"/>
					</Grid.RowDefinitions>
					<Grid.ColumnDefinitions>
						<ColumnDefinition Width="0.217*"/>
						<ColumnDefinition Width="0.783*"/>
					</Grid.ColumnDefinitions>
					<Grid.RenderTransform>
						<TransformGroup>
							<ScaleTransform/>
							<SkewTransform/>
							<RotateTransform/>
							<TranslateTransform/>
						</TransformGroup>
					</Grid.RenderTransform>
					<Border Background="White" BorderBrush="#FFB7B7B7" BorderThickness="1" Grid.RowSpan="2" Margin="0">
						<Border Margin="3">
							<Border.Background>
								<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
									<GradientStop Color="#FFE2E2E2" Offset="0"/>
									<GradientStop Color="White" Offset="0.336"/>
								</LinearGradientBrush>
							</Border.Background>

							<Grid x:Name="LayoutRoot3" DataContext="{Binding CategoriesViewModel, Mode=Default}">

								<Grid.RowDefinitions>
									<RowDefinition Height="0.089*"/>
									<RowDefinition Height="0.911*"/>
								</Grid.RowDefinitions>

								<TextBlock VerticalAlignment="Center" FontSize="24" Text="CATEGORIES" TextWrapping="Wrap" FontFamily="Aharoni" d:LayoutOverrides="Width" Margin="8,0,0,0">
									<TextBlock.Foreground>
										<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
											<GradientStop Color="#FF3D3D3D" Offset="0"/>
											<GradientStop Color="#FF727272" Offset="1"/>
										</LinearGradientBrush>
									</TextBlock.Foreground>
								</TextBlock>
								<ListBox x:Name="_usedCategoriesLbx" Margin="15,0,0,0" Grid.Row="1" ItemsSource="{Binding UsedCategories, Mode=OneWay}" ItemTemplate="{DynamicResource CategoryItemTempla}" HorizontalAlignment="Left" Background="{x:Null}" BorderBrush="{x:Null}" ItemContainerStyle="{DynamicResource CategoriesItemsContainerStyle}"/>
							</Grid>
						</Border>
					</Border>
					<Border Background="White" BorderBrush="#FFB7B7B7" BorderThickness="1" Margin="5,5,0,0" Grid.Column="1" Grid.Row="1" DataContext="{Binding Source={StaticResource FakeMagnets}}">
						<Border Margin="0,0,0,3">

							<Grid x:Name="LayoutRoot4">
								<ItemsControl Grid.Row="1" ItemTemplate="{DynamicResource ExtendedMagnetDataTemplate}" ItemsSource="{Binding MagnetsViewModel.ActiveCategoryMagnets, Mode=Default, Source={StaticResource InstancesDataSource}}" Background="{x:Null}" BorderBrush="{x:Null}" BorderThickness="0"/>
							</Grid>
						</Border>
					</Border>
					<Border Background="White" BorderBrush="#FFB7B7B7" BorderThickness="1" Margin="5,0,0,0" Grid.Column="1">
						<Border Margin="3">
							<Border.Background>
								<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
									<GradientStop Color="#FFE2E2E2" Offset="0"/>
									<GradientStop Color="White" Offset="0.745"/>
								</LinearGradientBrush>
							</Border.Background>

							<Grid HorizontalAlignment="Center" VerticalAlignment="Center">
								<TextBox x:Name="_searchTbx" HorizontalAlignment="Left" Style="{DynamicResource SearchboxStyle}" VerticalAlignment="Center" Width="300" Height="24" Background="#FF9A9A9A" FontFamily="Candara" Foreground="#FFA1A1A1" Padding="8,1,1,1" VerticalContentAlignment="Center" Text="Keyword Search" TextWrapping="Wrap" FontStyle="Italic"/>
								<Button x:Name="_searchBt" HorizontalAlignment="Right" Margin="0,0,-4,0" Style="{DynamicResource SearchBtStyle}" Content="Button" d:LayoutOverrides="Height" Cursor="Hand"/>
							</Grid>
						</Border>
					</Border>
				</Grid>
			</TabItem>
			<TabItem x:Name="_submitMagnetTab" Header="Submit a magnet" Style="{DynamicResource TabItemStyle}" DataContext="{Binding Source={StaticResource InstancesDataSource}}">
				<Grid x:Name="grid2" RenderTransformOrigin="0.5,0.5">
					<Grid.Effect>
						<ShaderEffects:ScaleEffect/>
					</Grid.Effect>
					<Grid.ColumnDefinitions>
						<ColumnDefinition Width="0.214*"/>
						<ColumnDefinition Width="0.786*"/>
					</Grid.ColumnDefinitions>
					<Grid.RowDefinitions>
						<RowDefinition Height="0.252*"/>
						<RowDefinition Height="0.748*"/>
					</Grid.RowDefinitions>
					<Grid.RenderTransform>
						<TransformGroup>
							<ScaleTransform/>
							<SkewTransform/>
							<RotateTransform/>
							<TranslateTransform/>
						</TransformGroup>
					</Grid.RenderTransform>
					<Border x:Name="_magnetSubmissionForm" Background="White" BorderBrush="#FFB7B7B7" BorderThickness="1" Margin="5,0,0,0" Grid.Column="1" Grid.Row="1" Grid.RowSpan="2" Visibility="Hidden">
						<Border Margin="3">
							<Border.Background>
								<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
									<GradientStop Color="#FFE2E2E2" Offset="0"/>
									<GradientStop Color="White" Offset="0.336"/>
								</LinearGradientBrush>
							</Border.Background>

							<Grid x:Name="LayoutRoot5">

								<Grid.RowDefinitions>
									<RowDefinition Height="0.089*"/>
									<RowDefinition Height="0.911*"/>
								</Grid.RowDefinitions>

								<TextBlock VerticalAlignment="Center" FontSize="24" Text="SUBMISSION FORM" TextWrapping="Wrap" FontFamily="Aharoni" d:LayoutOverrides="Width" Margin="8,0,0,0">
									<TextBlock.Foreground>
										<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
											<GradientStop Color="#FF3D3D3D" Offset="0"/>
											<GradientStop Color="#FF727272" Offset="1"/>
										</LinearGradientBrush>
									</TextBlock.Foreground>
								</TextBlock>
								<StackPanel Grid.Row="1" Orientation="Vertical" d:LayoutOverrides="Height" Margin="10,0" VerticalAlignment="Top" DataContext="{Binding SelectedItem, ElementName=_submittedMagnetsLbx, Mode=TwoWay}">
									<ScrollViewer VerticalAlignment="Top" Height="330">
										<local:MagnetDetails x:Name="_submitNewMagnetCtrl"/>
									</ScrollViewer>
									<Button Command="{Binding SubmitCommand}" CommandParameter="{Binding}" x:Name="_submitMagnetBt" Content="Submit magnet" Margin="0,10,0,0" HorizontalAlignment="Right" Style="{DynamicResource StoreButtonStyle1}" Foreground="White" Width="100" Height="22" Cursor="Hand"/>
								</StackPanel>
							</Grid>
						</Border>
					</Border>
					<Border Background="White" BorderBrush="#FFB7B7B7" BorderThickness="1" Margin="0" Grid.RowSpan="2">
						<Border Margin="3" DataContext="{Binding Source={StaticResource InstancesDataSource}}">
							<Border.Background>
								<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
									<GradientStop Color="#FFE2E2E2" Offset="0"/>
									<GradientStop Color="White" Offset="0.336"/>
								</LinearGradientBrush>
							</Border.Background>

							<Grid x:Name="LayoutRoot6">

								<Grid.RowDefinitions>
									<RowDefinition Height="0.089*"/>
									<RowDefinition Height="0.065*"/>
									<RowDefinition Height="0.846*"/>
								</Grid.RowDefinitions>

								<TextBlock VerticalAlignment="Center" FontSize="24" Text="MAGNETS" TextWrapping="Wrap" FontFamily="Aharoni" d:LayoutOverrides="Width" Margin="8,0,0,0">
									<TextBlock.Foreground>
										<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
											<GradientStop Color="#FF3D3D3D" Offset="0"/>
											<GradientStop Color="#FF727272" Offset="1"/>
										</LinearGradientBrush>
									</TextBlock.Foreground>
								</TextBlock>
								<ListBox x:Name="_submittedMagnetsLbx" Grid.Row="2" Background="{x:Null}" BorderBrush="{x:Null}" ItemTemplate="{DynamicResource TinyMagnetDataTemplate}" ItemsSource="{Binding MagnetsViewModel.ConnectedUserSubmittedMagnets, Mode=OneWay}" ItemContainerStyle="{DynamicResource ListboxNoSelectionContainerStyle}"/>
								<Button x:Name="_createNewMagnetBt" Cursor="Hand" HorizontalAlignment="Left" Margin="10,0,0,0" Style="{DynamicResource StoreButtonStyle1}" VerticalAlignment="Center" Width="120" Height="22" Content="New magnet" Foreground="White" Grid.Row="1" Command="{Binding Mode=OneWay}" DataContext="{Binding Mode=OneWay, Source={StaticResource CreateNewMagnetCommandDataSource}}"/>
							</Grid>
						</Border>
					</Border>
					<Border Background="White" BorderBrush="#FFB7B7B7" BorderThickness="1" Margin="5,0,0,5" Grid.Column="1">
						<Border Margin="3">
							<Border.Background>
								<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
									<GradientStop Color="#FFE2E2E2" Offset="0"/>
									<GradientStop Color="White" Offset="0.651"/>
								</LinearGradientBrush>
							</Border.Background>

							<Grid x:Name="LayoutRoot7">

								<Grid.RowDefinitions>
									<RowDefinition Height="0.277*"/>
									<RowDefinition Height="0.723*"/>
								</Grid.RowDefinitions>

								<TextBlock VerticalAlignment="Bottom" FontSize="24" Text="INSTRUCTIONS" TextWrapping="Wrap" FontFamily="Aharoni" d:LayoutOverrides="Width" Margin="8,0,0,0">
									<TextBlock.Foreground>
										<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
											<GradientStop Color="#FF3D3D3D" Offset="0"/>
											<GradientStop Color="#FF727272" Offset="1"/>
										</LinearGradientBrush>
									</TextBlock.Foreground>
								</TextBlock>
								<TextBlock Grid.Row="1" FontFamily="Candara" Foreground="#FF616161" TextTrimming="WordEllipsis" TextWrapping="Wrap" Margin="8,5,8,8"><Run Text="If you are a developper, and want to share a magnet you've created with all myBoard users, this is where you can do it all."/><LineBreak/><Run Text="Just click on the &quot;New magnet&quot; button and fill the submission form."/><LineBreak/><Run Text=""/><LineBreak/><Run Text="Please note that your magnet will not be available before we review it, and this may take a few hours / days."/></TextBlock>
							</Grid>
						</Border>
					</Border>
				</Grid>
			</TabItem>
		</TabControl>
	</Grid>
</UserControl>